module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        'assets': '@/assets',
        'common': '@/common',
        'components': '@/components',
        'network': '@/network',
        'views': '@/views',
      }
    },
    module: {
      rules: [
        /* {
                  test: /\.css$/,
                  use: ["style-loader", "css-loader"],
                }, */
        {
          test: /\.(png|jpg|gif)$/,
          use: [{
            loader: "url-loader",
            options: {
              //当加载图片小于limit时默认8kb，会将图片编译成base64字符串形式
              //当加载图片大于limit时，需要使用file.loader模块加载

              limit: 8192,
              //对图片进行命名
              name: "img/[name].[hash:8].[ext]", //[name]取原来的名字hash值取八位,[ext]扩展名
            },
          }, ],
        },

      ],
    },

  },
  chainWebpack: config => {

    //所有第三方依赖都会打包到一个文件中，文件就会体积过大，为了减小js/chunk-vendors.3b966387文件的体积，

    //发布模式
    config.when(process.env.NODE_ENV === 'production', config => {
      config.entry('app').clear().add('./src/main-prod.js')

      config.set('externals', {
          vue: 'Vue',
          'vue-router': 'VueRouter',
          axios: 'axios',
          lodash: '_',
          echarts: 'echarts',
          nprogress: 'NProgress',
          moment: 'moment',
          'vue-quill-editor': 'VueQuillEditor'
        }),
        config.plugin('html')
        .tap(args => {
          args[0].isProd = true
          return args
        })
    });
    //开发模式
    config.when(process.env.NODE_ENV === 'development', config => {
      config.entry('app').clear().add('./src/main-dev.js'),
        config.plugin('html').tap(args => {
          args[0].isProd = false
          return args
        })
    })


  }



}